<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>分页展示</title>
<style>
	*{ margin:0; padding:0; }
	body{ height:2000px; }
	li{ list-style:none; }
	a{ text-decoration:none; }
	.page{ margin-top:10px; }
	.page li{ width:20px; height:20px; line-height:20px; 
		border:1px #e1e2e3 solid; text-align:center; 
		float:left; font-size:14px; margin-left:10px; }
	.page li a{ width:100%; height:100%; display:block; }
</style>
</head>
<body>
<ul class="page">
	<li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">6</a></li>
</ul>
</body>
</html>
